{include file="public/header" /}
<link rel="stylesheet" href="../../../../static/home/css/article.css" />
<link rel="stylesheet" href="../../../../static/home/css/article_list.css" />
<link rel="stylesheet" href="../../../../static/home/css/article_list2.css" />
<div class="blog-body">

    <div class="blog-container">
        <blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow" style="visibility: visible;">
            <a href="{:url('/index/index/home')}" title="网站首页">网站首页<span class="layui-box">&gt;</span></a>
            <a href="{:url('/index/index/article_list')}"><cite>文章专栏</cite></a>
            <a><cite>文章专栏</cite></a>
        </blockquote>
        <div class="blog-main">

            <div id="parentArticleList" class="blog-main-left animated slideInLeft">
                <div class="flow-default" id="articleList">
                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                        <div class="WithToc-module_article_2_rhk" style="max-width: 1044px;">
                            <div>
                                <div class="DocReader-module_content_2JTe8">
                                    <div>
                                        <article id="content" class="article-content"  style="outline-style: none;">
                                            <div class="index-module_header_3qjZG">
                                                <div class="index-module_title_1s0gC">
                                                    <h1 id="article-title" class="index-module_articleTitle_2xHPX doc-article-title">{$blog.blog_title}</h1>
                                                </div>
                                            </div>
                                            <div>
                                                <div class="yuque-doc-content" data-df="lake" style="position: relative;">
                                                    <div>{$blog.blog_content}</div>
                                                </div>
                                            </div>
                                            <div class="index-module_reward_Uu00Q" style="user-select: none;">
                                                <div class="like-module_larkLike_m0Gno">
                                                    <div id ="like-btn" class="like-module_larkLikeBtn_2qwIq  like-module_larkLikeBtnNoAnimate_pT2CK {$likeStyle}" data-testid="like-btn"><span class="like-module_larkLikeIcon_2LoHo"></span></div>
                                                    <p class="like-module_larkLikeCount_1fFX1" data-testid="like-count-desc">2 人点赞</p>
                                                    <ul class="like-module_userList_UUygy like-module_readerUserList_39eTj">
                                                        <li><span data-testid="content" class=" index-module_popover_3Gl5n larkui-popover-trigger"><img data-testid="img-avatar" src="/static/home/images/wYnHWSXDmBhiEmuwXsym.png" style="width: 32px; min-width: 32px; height: 32px; border-radius: 16px;" alt="小棕熊QVQ"></span></li>
                                                        <li><span data-testid="content" class=" index-module_popover_3Gl5n larkui-popover-trigger"><img data-testid="img-avatar" src="/static/home/images/wYnHWSXDmBhiEmuwXsym.png" style="width: 32px; min-width: 32px; height: 32px; border-radius: 16px;" alt=" 小棕熊QVQ"></span></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </article>
                                    </div>
                                    <div class="DocReader-module_meta_1glf5">
                                        <div style="user-select: none;">
                                            <div class="ReaderMeta-module_wrapper_2-QjY">
                                                <div class="meta-left">
                                                    <div data-testid="doc-contributors-wrapper-doc" class="meta-item"><span class="author larkicon larkicon-user"></span><span data-testid="doc-contributors" class="doc-contributors"><span><span data-testid="content" class="index-module_popover_1RfnT index-module_popover_3Gl5n larkui-popover-trigger"><a href="/guojiadong" data-testid="login-a-tag" class="index-module_popover_1RfnT">{$blog.blog_author}</a></span></span>
                                </span>
                                                    </div>
                                                    <div class="meta-item"><span><span class="larkicon larkicon-clock"></span><span class="item-text"><span>{$blog.blog_time|date="Y-m-d H:m:s"}</span></span>
                                </span>
                                                    </div>
                                                    <div class="meta-item"><span><span class="larkicon larkicon-read"></span><span class="item-text">23</span></span>
                                                    </div>
                                                    <div class="meta-item"><span><span class="larkicon larkicon-comments"></span><span class="item-text">3</span></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="user-select: none;"></div>
                                    <div class="">
                                        <div class="ReaderPager-module_wrapper_2qD9v">
                                            <div class="ReaderPager-module_prev_37kCl" style="{$pageHide}">
                                                <div class="ReaderPager-module_pager_2B7z-">
                                                    <a href="{:url('/index/index/article/bid/'.$page['blog_id'])}" class="ReaderPager-module_label_2kLIU"><span role="img" aria-label="left" class="anticon anticon-left ReaderPager-module_labelIcon_9SM67"><svg viewBox="64 64 896 896" focusable="false" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></span><span>上一篇</span></a>
                                                    <h6 class="ReaderPager-module_title_ONrXP">{$page.blog_title}</h6>
                                                </div>
                                            </div>
                                            <div class="ReaderPager-module_next_2GMhA"  style="{$pageHide2}">
                                                <div class="ReaderPager-module_pager_2B7z-">
                                                    <a href="{:url('/index/index/article/bid/'.$next['blog_id'])}" class="ReaderPager-module_label_2kLIU"><span>下一篇</span><span role="img" aria-label="right" class="anticon anticon-right ReaderPager-module_labelIcon_9SM67"><svg viewBox="64 64 896 896" focusable="false" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></a>
                                                    <h6 class="ReaderPager-module_title_ONrXP">{$next.blog_title}</h6>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="DocReader-module_comment_22Kvv">
                                    <div style="user-select: none;">
                                        <div>
                                            <div class="ReaderComment-module_header_haNu_">
                                                <div class="ReaderComment-module_headerTitle_1UfzU"><a class="ReaderComment-module_headerBtn_P4pXE"><svg class="icon-svg index-module_size_1SNYh" style="width: 24px; min-width: 24px; height: 24px;"><use xlink:href="#thread_reply"></use></svg><span class="ReaderComment-module_text_fNBhQ">回复</span></a></div>
                                            </div>
                                            <div class="index-module_timelineDefault_1zvOk timeline-mini">
                                                <div class="ant-list ant-list-split comment-list larkui-list larkui-list-justify-block">
                                                    <div class="ant-spin-nested-loading">
                                                        <div class="ant-spin-container">
                                                            <ul class="ant-list-items">
                                                                {foreach $reply as $v}
                                                                <li class="ant-list-item">
                                                                    <div class="timeline-comment-item"><img data-testid="img-avatar" src="/static/home/images/wYnHWSXDmBhiEmuwXsym.png" class="avatar" style="width: 32px; min-width: 32px; height: 32px; border-radius: 16px;" alt="">
                                                                        <div id="comment-18882627" data-df="lake" class="comment-list-item">
                                                                            <div id="floor-1" class="comment-list-item-inner">
                                                                                <div class="comment-header"><a href="/yicheng-nttsi" class="avatar"><span data-testid="content" class=" index-module_popover_3Gl5n larkui-popover-trigger"><img data-testid="img-avatar" src="/static/home/images/wYnHWSXDmBhiEmuwXsym.png" style="width: 32px; min-width: 32px; height: 32px; border-radius: 16px;" alt=" 小棕熊QVQ"></span></a>
                                                                                    <div class="commenter"><span data-testid="content" class=" index-module_popover_3Gl5n larkui-popover-trigger"><a href="/yicheng-nttsi" class="name">{$v.reply_email}</a></span><a href="#comment-18882627" class="time"><span>{$v.reply_time|date="Y-m-d H:m:s"}</span></a></div>
                                                                                </div>
                                                                                <div class="content">
                                                                                    <div class="content-detail">
                                                                                        <div class="yuque-doc-content" data-df="lake" style="position: relative;">
                                                                                            <div class="lake-engine-view lake-typography-traditional" tabindex="0">
                                                                                                <p data-lake-id="a20d224c568e48b9d67847a2c66a8c01_p_0">{$v.reply_content}
                                                                                                </p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="actions"><span class="action-link">回复</span><span class="more-actions"></span></div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                {/foreach}
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div id="scroll-to-review"></div>
                                                <hr class="layui-border-orange" style="height: 1px;">
                                                <form class="form-horizontal" action="{:url('index/index/reply')}" method="post">
                                                    <input type="hidden" name="blog_id" value="{$blog.blog_id}" />
                                                    <div class="layui-inline">
                                                        <label class="layui-form-label" style="width: 100px;">邮箱</label>
                                                        <div class="layui-input-inline">
                                                            <input type="text" name="reply_email" lay-verify="email" autocomplete="off" class="layui-input">
                                                        </div>
                                                    </div>
                                                <div class="comment-mini-editor">
                                                    <div class="">
                                                        <div class="Editor-module_editorInput_3oUQJ" data-testid="comment-editor">
                                                            <div class="comments-form-editor">
                                                                <div class="avatar"></div>
                                                                <div class="comments-form-wrapper">
                                                                    <div class="editor-wrapper">
                                                                        <textarea id="demo" style="display: none;" name="reply_content"></textarea>
                                                                    </div>
                                                                    <div class="action clearfix"><button type="submit" class="ant-btn"><span>回复</span></button></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div style="user-select: none;">
                                </div>
                            </div>
                        </div>
                    </fieldset>
                    <div class="clear"></div>

                </div>
            </div>

            <div class="blog-main-right">

                <div class="blog-search animated fadeInRight">
                    <div class="layui-form-item">
                        <div class="search-keywords  shadow">
                            <input type="text" id="keywords" name="keywords" lay-filter="searchInput" lay-verify="required" placeholder="输入关键词搜索" autocomplete="off" class="layui-input">
                        </div>
                        <div class="search-submit  shadow">
                            <a class="search-btn" lay-submit="searchForm" lay-filter="searchForm"><i class="fa fa-search"></i></a>
                        </div>
                    </div>
                </div>

                <div class="article-category shadow categoryOut">
                    <div class="article-category-title">分类导航</div>
                    {foreach $categories as $v}
                    <a href="javascript:classifyList(1);">{$v.category_name}</a>
                    {/foreach}
                    <div class="clear"></div>
                </div>

                <div class="layui-tab layui-tab-brief shadow animated fadeInRight" lay-filter="docDemoTabBrief">
                    <ul class="layui-tab-title">
                        <li class="layui-this">点击排行</li>
                        <li>站长推荐</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <ul class="blog-module-ul">
                                <li>
                                    <span><i class="layui-badge-rim">1</i></span>  &nbsp;&nbsp;
                                    <a href="detail.html">Tomcat优化性能，JVM优化</a>
                                </li>
                                <li><span><i class="layui-badge-rim ">2</i></span>  &nbsp;&nbsp;
                                    <a href="detail.html">Redis安装</a>
                                </li>
                                <li><span><i class="layui-badge-rim ">3</i></span> &nbsp;&nbsp;
                                    <a href="detail.html">Spring boot 使用 JSP</a>
                                </li>
                                <li><span><i class="layui-badge-rim">4</i></span> &nbsp;&nbsp;
                                    <a href="detail.html">Spring Boot 表单验证@Valid</a>
                                </li>
                                <li><span><i class="layui-badge-rim">5</i></span> &nbsp;&nbsp;
                                    <a href="detail.html">Spring boot 的核心配置文件</a>
                                </li>
                                <li><span><i class="layui-badge-rim">6</i></span> &nbsp;&nbsp;
                                    <a href="detail.html">Centos7安装和配置jre1.8</a>
                                </li><li><span><i class="layui-badge-rim">7</i></span> &nbsp;&nbsp;
                                <a href="detail.html">centos7对外开放端口</a>
                                </li>
                                <li><span><i class="layui-badge-rim">8</i></span> &nbsp;&nbsp;
                                    <a href="detail.html">怎么关闭eclipse对js xml的验证?</a>
                                </li>
                                <li><span><i class="layui-badge-rim">9</i></span> &nbsp;&nbsp;
                                    <a href="detail.html">向百度主动推送以加快网页的收录速度！</a>
                                </li>
                                <li><span><i class="layui-badge-rim">10</i></span> &nbsp;&nbsp;
                                    <a href="detail.html">支付宝开发者入驻</a>
                                </li>
                            </ul>
                        </div>
                        <div class="layui-tab-item">
                            <ul class="blog-module-ul">
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">Tomcat优化性能，JVM优化</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">Redis安装</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">Spring boot 使用 JSP</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">Spring Boot 表单验证@Valid</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">Spring boot 的核心配置文件</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">Centos7安装和配置jre1.8</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">centos7对外开放端口</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">怎么关闭eclipse对js xml的验证?</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">向百度主动推送以加快网页的收录速度！</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">支付宝开发者入驻</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="category-toggle"><i class="fa fa-chevron-left"></i></div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
{include file="public/footer" /}
<script>
    layui.use('layedit', function(){
        var layedit = layui.layedit;
        layedit.build('demo'); //建立编辑器
    });
    $('#like-btn').hover(function () {
        $(this).toggleClass('like-module_larkLikeBtnShake_24QEF');
    },function () {
        $(this).toggleClass('like-module_larkLikeBtnShake_24QEF');
    });
    $('#like-btn').on('click',function () {
        $(this).toggleClass('like-module_larkLikeBtnActive_2MVy6');
        $.ajax({
            type: 'get',
            url:"{:url('/index/index/likeBtn')}",
            data:'',
            dataType: 'text',
            success: function (z) {
                console.log(z)
            }
        });
    });
    $('.like-module_larkLikeBtnActive_2MVy6').on('click',function () {
        $.ajax({
            type: 'get',
            url:"{:url('/index/index/delLike')}",
            data:'',
            dataType: 'text',
            success: function (z) {
                console.log(z);
            }
        });
    });

</script>